<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>管理</title>
		<link rel="stylesheet" href="css/mui.min.css">
		<style>
			[v-cloak] {
				display: none;
			}
			body{
				margin: 0;
				padding: 0;
			}
			ul{
				margin: 0;
				padding: 0;
			}
			li{
				list-style: none;
			}
			.header{
				width: 100%;
				height: 44px;
				background: #1a81d3;
			}
			.mui-title{
				margin: 0;
				text-align: center;
				font-size: 14px;
				font-weight: 400;
				letter-spacing: 1px;
				line-height: 44px;
				color: #fff;
			}
			.welcome h4{
				margin: 10px 0 0 0;
				text-align: center;
				font-size: 14px;
				font-weight: 400;
				color: #333;
			}
			.main-list{
				display: flex;
				flex-wrap: wrap;
				padding: 15px;
			}
			.main-list li{
				width: calc(50% - 32px);
				height: 120px;
				margin: 15px;
				border: 1px solid #1a81d3;
			}
			.main-list li a{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}
			.main-list li img{
				width: 33px;
				height: 33px;
			}
			.main-list li h3{
				margin: 5px 0 0 0;
				font-size: 14px;
				font-weight: 400;
				color: #333;
			}
		</style>
	</head>

	<body>
		<header class="header"><h2 class="mui-title">管理</h2></header>
		<div class="welcome" id="app" v-cloak>
			<h4 v-if="!getReflectc">欢迎来到平台</h4>
			<h4 v-else=''>欢迎{{ getReflectc }}来到平台</h4>
		</div>
		<main class="main">
			<ul class="main-list">
				<li>
					<a href="user_charge.html">
						<img src="images/cz.png">
						<h3>充值</h3>
					</a>
				</li>
				<li>
					<a href="user_withdrawal.html">
						<img src="images/tx.png">
						<h3>提现</h3>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="images/smrz.png">
						<h3>积分</h3>
					</a>
				</li>
				<li>
					<a href="user_bank.html">
						<img src="images/yhk.png">
						<h3>银行卡</h3>
					</a>
				</li>
			</ul>
			<!--<ul class="main-list">
				<li>
					<a href="javascript:void(0);">
						<img src="images/cz.png">
						<h3>充值</h3>
						<h5>升级中...</h5>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="images/tx.png">
						<h3>提现</h3>
						<h5>升级中...</h5>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="images/smrz.png">
						<h3>积分</h3>
						<h5>升级中...</h5>
					</a>
				</li>
				<li>
					<a href="javascript:void(0);">
						<img src="images/yhk.png">
						<h3>银行卡</h3>
						<h5>升级中...</h5>
					</a>
				</li>
			</ul>-->
		</main>
	</body>
	
	
	<script type="text/javascript" src="js/mui.min.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/ajax.js"></script>
	<script>
		if(!sessionStorage.getItem("Authorization")){
			mui.alert('', '请先登录', function () {
				window.location.href = 'login.html'
			})
		}
		new Vue({
			el: '#app',
			data:{
				getReflectc:''
			},
			created:function(){
				var $_this = this
				common.ajax('biz/api/getPersonalCenter', {}, $_this.getReflect)
                common.ajax('biz/api/member/account-info', null, $_this.safeInfoSuc, '', 'GET')
			},
			methods:{
				getReflect:function(data){
					var $_this = this
					$_this.getReflectc = data.data.nickname
				},
				safeInfoSuc:function(data){
					var $_this = this
                    if(data.data.idCard=='' || data.data.idCard==null){
                        mui.alert('请先去实名认证', '认证提示', function () {
							window.sessionStorage.removeItem('Authorization');
							window.location='login.html'
                        })
                    }
                }
			}
		})
	</script>
</html>